<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>新闻动态-详情页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
		<link href="../../css/news_list/tea_detail.css" rel="stylesheet" />
		<script src="../../js/statistics.js"></script>
		<style>
			.content_main{
				margin-top:44px;
			}
			.header{
				background: #2a2c33;
			}
			.header h1{
				color:#fff;
				font-size:18px;
			}
			.header a{
				color:#fff;
			}
			.review{
				padding-bottom: 0px;
				margin-bottom:0px; 
			}
			.mui-pull-caption{
				padding-top:0px;
				margin-bottom:0px;
				line-height: 24px;
			}
			.mui-scroll{
				padding-bottom:60px;
			}
			/*标题头行间距*/
			#news_content h2{
				line-height:23px;
				padding-top: 10px;
			}
			#share{
				/*float:right;
				margin-right:5%;
				width:50px;
				height:100%;
				padding: 0px 11px;*/

				float: right;
			    margin-left: 5%;
			    width: auto;
			    height: 100%;
			    padding: 6px 11px;
			}
			#share img{
				width: 20px;
   		 		padding-top: 40%;
			}
			
			/**/
			.mui-bar .mui-title{
				width: 56%;
   		 		padding-left: 20%;
			}
			/* 视频 */
			.news{
				width: 100%;
				height: calc(75vw - 22px);
				position: relative;
				border-radius: 4px;
			}
			.news>img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.news>div{
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: rgba(0,0,0,0.3);
				z-index: 9;
			}
			.news>div>img{
				width: 50px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
		</style>

	</head>
	<body>
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">溧阳新闻</h1>
			<span id='share'>
				<img src="../../images/icon/news_list/share.png" alt="" />
			</span>
		</header>
		<div class="content_main">
			<div class='mui-content'>
				<div id='news_content'>
					<!--新闻内容-->
					<!--<div class="news">
						<img src="../../images/ce3.jpg" />
						<div>
							<img src="../../images/icon/news_list/video.png"/>
						</div>
					</div>-->
				</div>
			</div>
		</div>
		
		
		<script src="../../plugins/mui/mui.min.js"></script>
		<script src="../../plugins/jquery/jquery-3.1.0.min.js"></script>
		<script src='../../js/md5.js'></script>
		<script src='../../js/getApiToken.js'></script>
		<script src='../../js/fontset.js'></script>
		<script src='../../js/news_list/video_detail.js'></script>
		<script src="../../js/news_list/video_share.js"></script>
	</body>
</html>
